<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //BOM  即浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window
        //window对象是浏览器的顶级对象，他具有双重角色
        //1.window是js访问浏览器窗口的一个接口
        //2.它是一个全局对象，定义在全局作用域中的变量、函数都会变成window对象的属性和方法
        // window.document.querySelector();
        var num = 10;
        console.log(num);
        console.log(window.num);

        function fn(){
            console.log(11);
        }
        fn();
        window.fn();
        alert(11);
        window.alert(11);
        console.dir(window);
    </script>
</body>
</html> 